<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>团购APP--分类</title>
		<meta name="Keywords" content="" />
		<meta name="Description" content="" />
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<link rel="stylesheet" type="text/css" href="css/classification.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
	</head>

	<body>
		<div class="web">
			<!--头部 s-->
			<header>
				<a href="index.html">
					<div class="back">
						<p>Back</p>
					</div>
				</a>
				<div class="search_box2">
					<p>分类</p>
				</div>
				<div class="city_box2">
					<form action="" method="post">
						<select name="">
							<option value="1">广州市</option>
							<option value="2">深圳市</option>
							<option value="3">汕头市</option>
						</select>
					</form>
					<div class="triangle">

					</div>
				</div>
			</header>
			<!--头部 e-->
			<!--中间内容 s-->
			<main>
				<div class="main_interest">
					<div class="main_interest_box">
						<a href="">
							<div class="main_interest_img">
								<img src="img/classification/img1.png" />
							</div>
							<p>美食</p>
						</a>
					</div>
					<div class="main_interest_box">
						<a href="">
							<div class="main_interest_img">
								<img src="img/classification/img2.png" />
							</div>
							<p>电影</p>
						</a>
					</div>
					<div class="main_interest_box">
						<a href="">
							<div class="main_interest_img">
								<img src="img/classification/img3.png" />
							</div>
							<p>运动</p>
						</a>
					</div>
					<div class="main_interest_box">
						<a href="">
							<div class="main_interest_img">
								<img src="img/classification/img4.png" />
							</div>
							<p>唱歌</p>
						</a>
					</div>
					
				</div>
				<div class="dot_box">
				<div class="dot"></div>
				<div class="dot"></div>
				<div class="dot"></div>
				<div class="dot"></div>
				</div>
				<div class="main_title">
					<div class="main_title_left">

						<i class="iconfont icon-jiarehuoyan"></i>
						<p>美食类</p>

					</div>
					<div class="main_title_right">
						<a href="">
							<p>更多</p>
							<i class="iconfont icon-xiangyou"></i>
						</a>
					</div>
				</div>
				<div class="main_img">
					<div class="main_img_box">
						<a href="">
						<img src="img/classification/img5.jpg"/>
						</a>
					</div>
					<div class="main_img_box">
						<a href="">
						<img src="img/classification/img6.jpg"/>
						</a>
					</div>
					<div class="main_img_box">
						<a href="">
						<img src="img/classification/img7.jpg"/>
						</a>
					</div>
					<div class="main_img_box">
						<a href="">
						<img src="img/classification/img8.jpg"/>
						</a>
					</div>
				</div>
				
				<div class="main_title">
					<div class="main_title_left">

						<i class="iconfont icon-jiarehuoyan"></i>
						<p>运动类</p>

					</div>
					<div class="main_title_right">
						<a href="">
							<p>更多</p>
							<i class="iconfont icon-xiangyou"></i>
						</a>
					</div>
				</div>
				<div class="main_img">
					<div class="main_img_box">
						<a href="">
						<img src="img/classification/img9.jpg"/>
						</a>
					</div>
					<div class="main_img_box">
						<a href="">
						<img src="img/classification/img10.jpg"/>
						</a>
					</div>
					<div class="main_img_box">
						<a href="">
						<img src="img/classification/img11.jpg"/>
						</a>
					</div>
					<div class="main_img_box">
						<a href="">
						<img src="img/classification/img12.jpg"/>
						</a>
					</div>
				</div>
				
				<div class="main_title">
					<div class="main_title_left">

						<i class="iconfont icon-jiarehuoyan"></i>
						<p>电影类</p>

					</div>
					<div class="main_title_right">
						<a href="">
							<p>更多</p>
							<i class="iconfont icon-xiangyou"></i>
						</a>
					</div>
				</div>
				<div class="main_img">
					<div class="main_img_box">
						<a href="">
						<img src="img/classification/img13.jpg"/>
						</a>
					</div>
					<div class="main_img_box">
						<a href="">
						<img src="img/classification/img14.jpg"/>
						</a>
					</div>
					<div class="main_img_box">
						<a href="">
						<img src="img/classification/img9.jpg"/>
						</a>
					</div>
					<div class="main_img_box">
						<a href="">
						<img src="img/classification/img8.jpg"/>
						</a>
					</div>
				</div>
				
			</main>
			<!--中间内容 e-->
			<!--底部 s-->
			<footer>
				<div class="footer_box ">
					<a href="index.html">
						<i class="iconfont icon-shouye1"></i>
						<p>首页</p>
					</a>
				</div>
				<div class="footer_box">
					<a href="classification.html">
						<i class="iconfont icon-fenlei1"></i>
						<p>分类</p>
					</a>
				</div>
				<div class="footer_box">
					<a href="found.html">
						<i class="iconfont icon-im_faxian"></i>
						<p>发现</p>
					</a>
				</div>
				<div class="footer_box">
					<a href="Personal.html">
						<i class="iconfont icon-wode1"></i>
						<p>我的</p>
					</a>
				</div>

			</footer>
			<!--底部 e-->
		</div>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>